@(modelForm: Form[models.production.ProdRequest])

@import helper._

@implicitFieldConstructor = @{ FieldConstructor(twitterBootstrapInput.render) } 

@main {

        <script type="text/javascript" >
            $(function() {
                $("#customerOrder_cbx_id").change(function() {
                    var orderId = $("#customerOrder_cbx_id").val();
                    console.log("new val=" + orderId);


                    $.ajax({
                        url: "production/prodRequest/productCbx.part?customerOrderId="+orderId,
                        cache: false
                    }).done(function( html ) {
                        $("#product_container").html("");
                        $("#product_container").append(html);
                    });
                })
            });
        </script>

    <h1>Lập Lệnh Sản Xuất</h1>
    
    @form(routes.ProdRequestController.save()) {
        
        <fieldset>
            @inputText(modelForm("soLenhSx"), '_label -> "Số lệnh sản xuất", 'disabled->"disabled")

            @select(
                modelForm("customerOrder.id"),
                options(dao.OrderManager.allNewOrders),
                '_label -> "Số đơn hàng", '_default -> "-- Chọn số đơn hàng --",
                '_showConstraints -> false,
                'id -> "customerOrder_cbx_id"
            )

            <select id="product_container">

            </select>

            @inputText(modelForm("soLuongTrienKhai"), '_label -> "Số lượng triển khai")


        </fieldset>
        
        <div class="actions">
            <input type="submit" value="Lập Lệnh" class="btn primary"> hoặc
            <a href="@routes.ProdRequestController.list()" class="btn">Hủy</a>
        </div>
        
    }
    
}